import React from 'react';
import {Card} from 'antd';

/**
 * 使用antd组件
 */

class CardDemo extends React.Component{
    render(){
        const style = {
            width: '400px',
            margin: '30px',
            boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2)',
            border: '1px solid #e8e8e8',
          };
          return(
              <Card style ={style} actions={[<a>操作一</a>,<a>操作二</a>]}>
                 <Card.Meta
                    avatar={<img 
                    alt=""
                    style={{ width: '64px', height: '64px', borderRadius: '32px' }}
                    src="https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png"
                    />}
                    title="Alipay"
                    description="在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。"
                />
              </Card>
          )
    }
 }
 export default CardDemo;